<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <input id="inputFile" type="file"/>

    <button id="btn">点击获取file内容</button>

    <audio src="#">
    </audio>

    <script>
        $('#btn').click(() => {
            const file = $('#inputFile').val()
            console.log(file)
        })

        // 1. 使用 RTCPeerConnection 构造函数创建一个 RTCPeerConnection 对象，该对象用于建立客户端之间的连接
        var pc = new RTCPeerConnection();
        // var pc = window.RTCPeerConnection ||  window.webkitRTCPeerConnection;

        // 2. 通过调用RTCPeerConnection对象的getStats()方法获取统计信息。该方法返回一个Promise对象，可以使用then()方法获取到获取到的统计信息。
        pc.getStats().then(function(stats) {
            stats.forEach(function(report) {
                console.log('1', report.type, report);
            });
        });
        // 3. 获取到的统计信息是一个包含很多report对象的数组，每个report对象都包含了一些统计信息。我们可以根据需要解析这些统计信息，比如获取本地和远端的传输速率、延迟、丢包率等等。
        pc.getStats().then(function(stats) {
            stats.forEach(function(report) {
                if (report.type === 'outbound-rtp') {
                    console.log('Local bitrate:', report.bitrateMean);
                } else if (report.type === 'inbound-rtp') {
                    console.log('Remote bitrate:', report.bitrateMean);
                }
            });
        });


    </script>
</body>
</html>
